<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <title>神探闯关</title> 
  <link type="text/css" rel="stylesheet" href="css/style.css" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
<!--     <link type="text/css" rel="stylesheet" href="css/myanimate.css">-->
 </head>
 <body> 
  <div class="warp"> 
   <div class="start2_bg"></div>
   <div class="start_logo start2_logo"> 
    <img src="images/start_logo.png" /> 
   </div> 
   <div class="center start_1 start_2"> 
    <img src="images/start_2.png" /> 
   </div> 
   <div class="start2_screen">
      <div class="screen_p screen_p1 fadeInUp" style="animation-duration: 1s; -webkit-animation-duration: 1s; " >
        <p>跟着本尼留下的线索，</p>  
      </div>
       <div class="screen_p screen_p2 fadeInUp" style="animation-duration: 1s; -webkit-animation-duration: 1s; ">
        <p>来到Dunlop店铺门口</p> 
      </div>
       <div class="screen_p screen_p3 fadeInUp" style="animation-duration: 1s; -webkit-animation-duration: 1s; ">
        <p>难道，本尼就在这里？</p> 
      </div>
       <div class="screen_p screen_p4 fadeInUp" style="animation-duration: 1.5s; -webkit-animation-duration: 1.5s; ">
        <p>门口竟然还有密码，是让我破译吗？<br/>
拉动右边拉霸把手，使之滚动起来，<br/>
获取三位正确密码则破译成功！</p> 
      </div>
   </div>
   
   <div class="start_btn start2_btn"> 
    <a href="#"><img src="images/start_btn1.jpg" /></a> 
    <a href="#"><img src="images/start_btn2.jpg" /></a> 
   </div> 
   <p class="start_rule center start2_rule"><a href="#">游戏规则</a></p> 
  </div> 
     <script type="text/javascript">
        $(window).load(function(){
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/myanimate.css" }).appendTo("head");      
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/animate0.css" }).appendTo("head");      
            $(".smart").animate({width:'650px'},4000);            
        });
     </script>
 </body>
</html>